<template>
	<view>
		<up-loading-page :loading="true" loadingText="loading..." v-if="showLoading"></up-loading-page>
	</view>
	<view class="layout" v-show="!showLoading">
		<cu-custom :isBack="true" background="rgba(247, 247, 247, 1.0)">
			<block slot="content">使用帮助</block>
		</cu-custom>

		<view class="group1">
			<view class="parse1">
				<view class="t1">常见问题标题展示处</view>
				<view class="t2">内容回复展示处内容回复展示处内容回复展示处内容回复展示处</view>
			</view>
		</view>

		<navigator url="/pages/addres_edit/addres_edit" class="group2">
			<button class="btn">新建收获地址</button>
		</navigator>

	</view>
</template>
<script setup>
	import request from '@/common/request.js';
	import {
		loadingType
	} from '@/utils/type';
	import {
		ref,
		onMounted
	} from 'vue'
	const showLoading = ref(true)

	onMounted(() => {
		setTimeout(() => {
			showLoading.value = false;
		}, 1000);
	});
</script>

<style lang="scss" scoped>
	.layout {
		background: #f7f7f7;
		height: 100vh;
		.group1 {

			width: 710rpx;
			height: 220rpx;
			background-color: #ffffff;
			margin-top: 45rpx;
			margin-left: 20rpx;

			.parse1 {
				.t1 {
					font-size: 30rpx;
					font-weight: bold;
					margin-left: 52rpx;
					padding-top: 51rpx;
				}

				.t2 {
					color: #666666;
					font-size: 28rpx;
					margin: 51rpx;
					margin-top: 20rpx;
				}
			}

		}

		.group2 {
			width: 100%;
			height: 144rpx;
			background-color: #ffffff;
			position: fixed;
			bottom: 0rpx;

			.btn {
				color: #ffffff;
				background-color: #18288f;
				position: fixed;
				bottom: 38rpx;
				border-radius: 44rpx;
				width: 690rpx;
				height: 88rpx;
				margin-left: 30rpx;
			}
		}
	}
</style>